{#
Cosas que hay que pasar:
usuario: Con el nombre de usuario (nickname de google)
proyectos: Una lista con los proyectos que tenga nombre, descripción y número id de la clave.
tareas: Una lista con las tareas que tenga nombre, descripcion, fecha, prioridad, clave del proyecto, marcha de correo y numero de identidad 
#}
{% if not usuario %}

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Tareas de {{ usuario }}</title>
</head>
<body>
<h1>Aviso</h1>
Para interactuar con la web debe iniciar sesion. Pulse en el enlace:<br />
<a href="{{ link_inicio }}">Inicia sesion</a>
</body>
</html>

{% else %}

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Tareas de {{ usuario }}</title>
</head>
<body>
<script>
function enableHora(){
document.getElementById("t_hora").disabled = "";
}
</script>

<h1>Tareas de {{ usuario }}</h1>

<a href="{{ link_cierre }}">Cerrar sesión</a>

<h2>Nueva tarea</h2>

<form action="/newtask" method="post">
<label for="t_nombre">Nombre*: </label><input type="text" name="t_nombre" id="t_nombre" value="" placeholder="Nombre" required="required" /><br />
<label for="t_descripcion">Descripcion: </label><input type="text" name="t_descripcion" id="t_descripcion" value="" placeholder="Descripcion" /><br />
<label for="t_fecha">Fecha limite: </label><input type="date" name="t_fecha" id="t_fecha" value="" onfocus="enableHora()" placeholder="Fecha limite" />(YYYY-MM-DD)<br />
Prioridad de la tarea:<br />
<input type="radio" name="t_prioridad" id="p_baja" value="1" /><label for="p_baja">Prioridad baja</label>
<input type="radio" name="t_prioridad" id="p_media" value="2" checked="checked" /><label for="p_media">Prioridad media</label>
<input type="radio" name="t_prioridad" id="p_alta" value="3" /><label for="p_alta">Prioridad alta</label><br />
Proyecto: <select name="t_proyecto">
<option value="-1" selected="selected">Sin proyecto</option>
{% for i in proyectos %}<option value="{{ i.id }}">{{ i.nombre }}</option>{% endfor %}
</select><br />
<input type="checkbox" name="t_correo" id="t_correo" value="1" /><label for="t_correo">Enviar correo la vispera del vencimiento</label><br />
<label for="t_hora">Activar alarma en Android: </label><input type="time" name="t_hora" id="t_hora" disabled="disabled" />(HH:MM)(Sólo funciona si hay una fecha asignada)<br />
Estado de la tarea:<br />
<input type="radio" name="t_estado" id="e_no_planificado" value="1" checked="checked" /><label for="e_no_planificado">No planificado</label>
<input type="radio" name="t_estado" id="e_planificado" value="2" /><label for="e_planificado">Planificado</label>
<input type="radio" name="t_estado" id="e_empezado" value="3" /><label for="e_empezado">Empezado</label>
<input type="radio" name="t_estado" id="e_proximo_a_su_fin" value="4" /><label for="e_proximo_a_su_fin">Próximo a su fin</label>
<input type="radio" name="t_estado" id="e_acabado" value="5" /><label for="e_acabado">Acabado</label>
<br />
<input type="submit" name="accion" value="Insertar tarea" />
</form>

<h2>Nuevo proyecto</h2>

<form action="/newproject" method="post">
<label for="p_nombre">Nombre*: </label><input type="text" name="p_nombre" id="p_nombre" value="" placeholder="Nombre" required="required" /><br />
<label for="p_descripcion">Descripcion: </label><input type="text" name="p_descripcion" id="p_descripcion" value="" placeholder="Descripcion" /><br />
<input type="submit" value="Insertar proyecto" />
</form>

<h2>Lista de tareas</h2>
{% if not tareas %} No tiene tareas {% else %}
<ul>
{% for t in tareas %}
<li>
<form action="/modtask" id="t{{ t.id }}" method="post">
<input type="hidden" name="et_id" value="{{ t.id }}" />
<label for="et_nombre_{{ t.id }}">Nombre*: </label><input type="text" name="et_nombre" id="et_nombre_{{ t.id }}" value="{{ t.nombre }}" placeholder="Nombre" required="required" /><br />
<label for="et_descripcion_{{ t.id }}">Descripcion: </label><input type="text" name="et_descripcion" id="et_descripcion_{{ t.id }}" value="{{ t.descripcion or '' }}" placeholder="Descripcion" /><br />
<label for="et_fecha_{{ t.id }}">Fecha limite: </label><input type="date" name="et_fecha" id="et_fecha_{{ t.id }}" value="{{t.limite or ''}}" placeholder="Fecha limite" />(YYYY-MM-DD)<br />
Prioridad de la tarea:<br />
<input type="radio" name="et_prioridad" id="ep_baja_{{ t.id }}" value="1" {% if t.importancia == 1 %}checked="checked" {% endif %}/><label for="ep_baja_{{ t.id }}">Prioridad baja</label>
<input type="radio" name="et_prioridad" id="ep_media_{{ t.id }}" value="2" {% if t.importancia == 2 %}checked="checked" {% endif %}/><label for="ep_media_{{ t.id }}">Prioridad media</label>
<input type="radio" name="et_prioridad" id="ep_alta_{{ t.id }}" value="3" {% if t.importancia == 3 %}checked="checked" {% endif %}/><label for="ep_alta_{{ t.id }}">Prioridad alta</label><br />
Proyecto: <select name="et_proyecto">
<option value="-1"{% if t.proyecto == -1 %} selected="selected"{% endif %}>Sin proyecto</option>
{% for i in proyectos %}<option value="{{ i.id }}"{% if t.proyecto == i.id %} selected="selected"{% endif %}>{{ i.nombre }}</option>{% endfor %}
</select><br />
<input type="checkbox" name="et_correo" id="et_correo_{{ t.id }}" value="1" {% if t.mail %}checked="checked" {% endif %}/><label for="et_correo_{{ t.id }}">Enviar correo la vispera del vencimiento</label><br />
<label for="et_hora_{{ t.id }}">Activar alarma en Android: </label><input type="time" name="et_hora" id="et_hora_{{ t.id }}" value="{{ t.alarma or '' }}" />(HH:MM)(Sólo funciona si hay una fecha asignada)<br />
Estado de la tarea:<br />
<input type="radio" name="et_estado" id="e_no_planificado_{{ t.id }}" value="1"{% if t.estado == 1 %} checked="checked"{% endif %} /><label for="e_no_planificado_{{ t.id }}">No planificado</label>
<input type="radio" name="et_estado" id="e_planificado_{{ t.id }}" value="2"{% if t.estado == 2 %} checked="checked"{% endif %} /><label for="e_planificado_{{ t.id }}">Planificado</label>
<input type="radio" name="et_estado" id="e_empezado_{{ t.id }}" value="3"{% if t.estado == 3 %} checked="checked"{% endif %} /><label for="e_empezado_{{ t.id }}">Empezado</label>
<input type="radio" name="et_estado" id="e_proximo_a_su_fin_{{ t.id }}" value="4"{% if t.estado == 4 %} checked="checked"{% endif %} /><label for="e_proximo_a_su_fin_{{ t.id }}">Próximo a su fin</label>
<input type="radio" name="et_estado" id="e_acabado_{{ t.id }}" value="5"{% if t.estado == 5 %} checked="checked"{% endif %} /><label for="e_acabado_{{ t.id }}">Acabado</label>
<br />
<input type="submit" name="borrar" value="Borrar tarea" /><input type="submit" name="modificar" value="Modificar tarea" />
</form></li><br />
{% endfor %}
</ul>
{% endif %}

<h2>Lista de proyectos</h2>
{% if not proyectos %} No tiene proyectos {% else %}
<ul>
{% for p in proyectos %}
<li><form action="/modproject" method="post">
<input type="hidden" name="ep_id" value="{{ p.id }}" />
<label for="ep_nombre_{{ p.id }}">Nombre*: </label><input type="text" name="ep_nombre" id="ep_nombre_{{ p.id }}" value="{{ p.nombre }}" placeholder="Nombre" required="required" /><br />
<label for="ep_descripcion_{{ p.id }}">Descripcion: </label><input type="text" name="ep_descripcion" id="ep_descripcion_{{ p.id }}" value="{{ p.descripcion or '' }}" placeholder="Descripcion" /><br />
<input type="checkbox" name="ep_mostrar" id="ep_mostrar_{{ p.id }}" value="1" {% if p.mostrar %}checked="checked" {% endif %}/><label for="ep_mostrar_{{ p.id }}">Mostrar tareas en la lista</label><br />
<input type="submit" name="borrar" value="Borrar proyecto" /><input type="submit" name="modificar" value="Modificar proyecto" />
</form></li><br />
{% endfor %}
</ul>
{% endif %}
<h2>Opciones</h2>
<h3>Orden</h3>
De forma predeterminada se ordenan por fecha de introducción.
<form action="/modoptions" method="post">
<ol>
<li>
Ordenar por <select name="orden1"><option value="1">Nombre</option><option value="2">Proyecto</option><option value="3">Fecha de finalización</option></select>
de forma <select name="sentido1"><option value="1">Ascendente</option><option value="2">Descendente</option></select>
</li>
<li>
Ordenar por <select name="orden2"><option value="1">Nombre</option><option value="2">Proyecto</option><option value="3">Fecha de finalización</option></select>
de forma <select name="sentido2"><option value="1">Ascendente</option><option value="2">Descendente</option></select>
</li>
<li>
Ordenar por <select name="orden3"><option value="1">Nombre</option><option value="2">Proyecto</option><option value="3">Fecha de finalización</option></select>
de forma <select name="sentido3"><option value="1">Ascendente</option><option value="2">Descendente</option></select>
</li>
</ol>
<input type="submit" name="reordenar" value="Reordenar"
</form>
</html>
{% endif %}